.icon-custom {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-custom.custom-handle {
    background-image: url('~@/assets/custom-handle.png');

    &:hover {
        background-image: url('~@/assets/custom-handle-hover.png');
    }
}

.icon-custom.custom-approval {
    background-image: url('~@/assets/custom-approval.png');

    &:hover {
        background-image: url('~@/assets/custom-approval-hover.png');
    }
}

.icon-custom.custom-start {
    background-image: url('~@/assets/custom-start.png');

    &:hover {
        background-image: url('~@/assets/custom-start-hover.png');
    }
}

.icon-custom.custom-end {
    background-image: url('~@/assets/custom-end.png');

    &:hover {
        background-image: url('~@/assets/custom-end-hover.png');
    }
}

.bjs-powered-by {
  display: none;
}

.djs-palette {
    padding: 10px 0;
    border-radius: 5px;
}

// 隐藏palette面板内容
.djs-palette-entries {
    .bpmn-icon-lasso-tool,
    .bpmn-icon-start-event-none,
    .bpmn-icon-end-event-none,
    .bpmn-icon-hand-tool,
    .bpmn-icon-space-tool,
    .bpmn-icon-task,
    .bpmn-icon-subprocess-expanded,
    .bpmn-icon-data-object,
    .bpmn-icon-data-store,
    .bpmn-icon-participant,
    .bpmn-icon-intermediate-event-none,
    .bpmn-icon-gateway-none,
    .bpmn-icon-group {
        display: none;
    }

    .separator {
        display: none;
    }

    .group {
        .icon-custom, .bpmn-icon-connection-multi {
            width: 130px;
            height: 42px;
            float: none;
            margin: 0 auto;
            cursor: pointer;
        }
    }

    .bpmn-icon-connection-multi {
        background-image: url('~@/assets/custom-line.png');
        &::before {
            display: none!important;
        }
    }
}
// 隐藏context-pad面板内容
.djs-overlay.djs-overlay-context-pad {
    width: 70px;
    .entry {
        display: none;
    }
    .bpmn-icon-trash {
        display: inline-block;
    }
    .bpmn-icon-connection-multi {
        display: inline-block;
    }
}
.djs-palette.two-column.open {
    width: 154px!important;
}

// 节点自定义图标
.custom-icon-start {
    background: url("~@/assets/custom-start-flow.png") no-repeat;
    background-size: 100%;
}
.custom-icon-end {
    background: url("~@/assets/custom-end-flow.png") no-repeat;
    background-size: 100%;
}
.custom-icon-handle {
    background: url("~@/assets/custom-handle-flow.png") no-repeat;
    background-size: 100%;
}
.custom-icon-approval {
    background: url("~@/assets/custom-approval-flow.png") no-repeat;
    background-size: 100%;
}
